@(u:models.User, logedUser:Option[String])(implicit s:dao.Session)
<div id="user-html">
  <div class="spiner"></div>
  <div class="go-left">
    <div id="profile-avatar-container" class="square-250">
      <img id="user-photo" src="@(config.Services.avatarsPath + u.photo)" />
    </div>
    <div id="user-interaction">
      @if( logedUser.map( _ != u.name).getOrElse(false) ){
        <div id="send-message">
          <a href="#" class="link-button link-button-glyph message-glyph" onclick="compose_message()">Enviar un mensaje</a>
        </div>
        <div id="follow">
          <a href="#" class="link-button link-button-glyph follow-glyph" onclick="follow()">Seguir a @u.name</a>
        </div>
        
        <div id="unfollow" style="display:none">
          <a href="#" class="link-button link-button-glyph unfollow-glyph" onclick="unfollow()">Dejar de seguir a @u.name</a>
        </div>
      }
    </div> <!-- interaction -->
  </div>
  <h3>@u.fullname <em>(@u.name)</em></h3>
  <div id="user-info">
      <strong>
        @if(u.age > 0){
          @u.age años / 
        }
        @u.det.map(_.country).getOrElse(<em>(país no indicado)</em>)
      </strong>
      <dl>
        <dt>vivió en</dt>
        <dd>@u.det.map(_.livedIn).getOrElse(<em>(sin información)</em>)</dd>
        <dt>experiencia en</dt>
        <dd>@u.det.map(_.experience).getOrElse(<em>(sin información)</em>)</dd>
        <dt>pasatiempos</dt>
        <dd>@u.det.map(_.hobbies).getOrElse(<em>(sin información)</em>)</dd>
        <dt>lugar que quiere conocer</dt>
        <dd>@u.det.map(_.toKnow).getOrElse(<em>(sin información)</em>)</dd>
        <dt>lo mejor de la vida</dt>
        <dd>@u.det.map(_.bestInLife).getOrElse(<em>(sin información)</em>)</dd>
      </dl>
      <div id="user-posts">
        <h4>Escritos del usuario</h4>
        @if(u.posts.isDefined){
          <ul>
          @u.posts.get.map { p =>
            <li>@p.title</li>
          }
          </ul>
        } else {
          <em>No hay publicaciones del usuario</em>
        }
        
      </div>
  </div>
  <div id="message-container" style="display:none">
    <form id="mform">
      <input type="text" name="title" id="mtitle" />
      <textarea name="content" id="mcontent" rows="10"></textarea>
      <input type="hidden" id="username" name="username" value="@u.name" />
      <input type="button" id="msubmit" onclick="process_message()" value="Enviar"/>
      <a href="#" class="link-button" onclick="reset_message()">Cancelar</a>
    </form>
  </div>
  
</div>
